<!doctype html>
<html>
<head>
	<meta charset="UTF-8">
<title></title>
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<link href="css/mui.min.css" rel="stylesheet" />
<link rel="stylesheet" type="text/css" href="css/iconfont.css"/>
<script src="js/mui.min.js"></script>
<script type="text/javascript">
	mui.init()
</script>
</head>

<body>
	<header class="mui-bar mui-bar-nav">
	<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
    <h1 class="mui-title">
        <font size="5">
    		<b><i>TennisWorld</i></b>  
    	</font></h1>
    </header>
    <div class="main">
		<div class="mui-content">
		<h3>球员信息 <style type="text/css">
	    	h3{color: #000000;margin-top: 60px;margin-left: 10px;}
	    </style>
		</h3>
	</div>
	<img src="img/athlete.png" style="float:left;">
	<div style="float:left;">
		<p><font size="4">姓名：</font></p>
			<p><font size="4">排名：</font></p>
			<p><font size="4">国籍：</font></p>
			<p><font size="4">出生日期：</font></p>
	</div>
    <div class="main">

	    <div class="information" >
			<div class="content">
			<p><font size="4">转职时间：</font></p>
			<p><font size="4">出生地：</font></p>
			<p><font size="4">身高体重：</font></p>
			<p><font size="4">握拍：</font></p>
			<p><font size="4">冠军头衔：</font></p>
			<p><font size="4">职业战绩：</font></p>
		    </div>
		</div>
	</div>
	<div class="history">
		<font size="5">历史战绩</font>
	</div>
	<div class="year"><select>
		<option>2019</option>
		<option>2018</option>
        <option>2017</option>
		<option>2016</option>
	</select></div>

</body>

</html>